import React from "react";
import { Tabs } from "antd";
const TabPane = Tabs.TabPane;
import AdScreenTopEdit from "./advertising-screen-top-edit";
import AdScreenBottomEdit from "./advertising-screen-bottom-edit";
declare let window: any;
const { msg } = window.xDllContext;
export default class AdScreenEdit extends React.Component<any, any> {
  constructor(props) {
    super(props);
    this.state = {};
  }
  static defaultProps = {};

  callback = key => {
    console.log(key);
  };
  render() {
    const { items, style, compConfig, onDataChange, onMultiDataChange } = this.props;
    return (
      <div>
        <Tabs defaultActiveKey="1" onChange={this.callback}>
          <TabPane tab="头部视频" key="1">
            <AdScreenTopEdit {...this.props} />
          </TabPane>
          <TabPane tab="底部轮播" key="2">
            <AdScreenBottomEdit
              onMultiDataChange={onMultiDataChange}
              onDataChange={onDataChange}
              compConfig={compConfig}
            />
          </TabPane>
        </Tabs>
      </div>
    );
  }
}
